<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>$title</title>
        <style>
            * {
                margin: 0;
                padding: 0;
				text-transform:capitalize;
				font-family: "Verdana";
            }
            
            html {
                text-align: center;
            }
            
            body {
                width: 100%;
                height: 78px;
                margin: 0 auto;
                text-align: left;
            }
            
            #Header {
                width: 100%;
                height: 90px;
                text-align: left;
                position: fixed;
                top: 0px;
            }
            
            h1 {
                display: block;
                width: auto;
                height: 80px;
                font-family: "Verdana";
                font-size: 72px;
                float: left;
                clear: left;
                margin-top: 0px;
                border-top: solid #5c95ef 10px;
				overflow:hidden;
            }
            
            .wb_span {
                display: block;
                float: left;
                margin: -5px 0px 0px -15px;
                filter: alpha(opacity = 20);
                color: #5c95ef;
                opacity: 0.5;
                width: auto;
                height: auto;
                outline: none;
                border: none;
            }
            
            .wb_nbsp {
                display: block;
                float: left;
                width: 1px;
                height: 30px;
                margin: 0px 30px 0px 0px;
            }
            
            p {
                font-size: 14px;
                margin: 10px 0px 0px 20px;
                text-indent: 2em;
                float: left;
                clear: left;
				word-wrap: break-word;
                text-align: justify;
                line-height: 200%;
                text-justify: inter-ideograph;
            }
            
            p:first-letter {
                font-size: 25px;
				font-weight:bold;
				color:#5c95ef;
            }
            
            a, a:link, a:visited {
                text-decoration: none;
                color: #000;
                margin-left: 30px;
            }
            
            a:hover {
                text-decoration: underline;
                color: #000;
            }
            
            ul {
                display: block;
                width: 50%;
                height: auto;
                float: right;
                margin: 90px 0px 0px 0px;
                z-index: 100;
            }
            
            ul li {
                display: block;
                width: 100%;
                height:40px;
                margin-top: 5px;
                font-size: 30px;
				overflow:hidden;
                border-bottom: dashed #5C95EF 1px;
                list-style: armenian;
            }
			
			
			#about{
				width:43%;
				*width:50%;
				height:auto;
				float:left;
				clear:left;
				position:fixed;
				top:100px;
				letter-spacing:3px;
			}
			h2{
				float:left;
				clear:left;
				margin-left:20px;
			}
        </style>
    </head>
    <body>
        <div id="Header">
            <h1>$h1</h1>
        </div>
		<div id="about">
			<h2>about me</h2>
			<p>wenbo：从事web前端开发。喜欢简约的设计风格。设计理念是弱化界面，强化功能。</p>
			<p>此博客基于wbPHP开发而成。</p>
			<p>wbjs是一个轻量级的JavaScript库。</p>
		</div>
        <ul>
            $blogs
        </ul>
    </body>
    <script>
        var e = document.getElementsByTagName("h1");
        for (var i = 0; i < e.length; i++) {
            var s = e[i].innerHTML;
            e[i].innerHTML = "<span class=\"wb_nbsp\"></span>";
            //
            for (var ii = 0; ii < s.length; ii++) {
                var tmp;
                tmp = s.substr(ii, 1);
                var h;
                if (tmp == " ") {
                
                    h = tmp.replace(tmp, "<span class=\"wb_nbsp\"></span>");
                    
                }
                else {
                    h = tmp.replace(tmp, "<span class=\"wb_span\">" + tmp + "</span>");
                }
                e[i].innerHTML += h;
            }
        }
    </script>
</html>
